<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>defaultValue</title>
</head>
<body>
<div id="container">

</div>
<script src="js/lib/react.js"></script>
<script src="js/lib/react-dom.js"></script>
<script src="js/lib/browser.min.js"></script>
<script type="text/babel">
    var App = React.createClass({
        getInitialState(){
            return {
                name: "name"
            }
        },
        onHandleName(event){
           this.setState({name:event.target.value});
        },
        render(){
            console.log(this.state.name);
            return (
                <div>
                    搭配的写法<input type="text" value={this.state.name} onChange={this.onHandleName} /><br/>
                    defaultValue不变<input type="text" defaultValue={this.state.name}/><br/>
                    当defaultValue的值第一次获取时，以后就不会改变，这与我们修改了某些产品的字段后重新设置defaultValue的需求不符合
                    所以要采用第一种做法
                </div>

            )
        }
    });

    ReactDOM.render(<App/>,document.getElementById("container"));
</script>
</body>
</html>